@charset "utf-8";
body{ font-family:"微软雅黑"; font-size:14px; line-height:24px; color:#656565; background:#FFFFFF;}
*{ margin:0px; padding:0px;}
img{ border:none;}
ul,li{ list-style:none;}
a{ color:#656565; text-decoration:none;}
a:hover{ color:#01a068; text-decoration:none;}

.wrap{ width:1212px; margin:0 auto;}

.head{ width:100%; float:left;}
.head h1{ float:left; padding-top:27px; padding-bottom:18px;}
.en_cn{ float:right; text-align:right; background:url(../images/tel.jpg) no-repeat right; margin-top:45px; padding-right:55px;}
.en_cn span{ font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#01a068;}
.en_cn b{ font-weight:normal; font-size:12px; line-height:34px;}
.en_cn b img{ padding-bottom:10px;}

.nav{ width:100%; float:left; height:60px; background:#01a068;}
ul.menu{ border-left:#01b375 solid 1px; height:60px;}
ul.menu a{ display:block; text-align:center; color:#e6e6e6;}
ul.menu li{ position:relative; float:left;}
ul.menu ul{ position:absolute; display:none;}
ul.menu ul li{ width:132px; background:#f8c419; border-top:1px solid #fff;}
ul.menu ul li a{ color:#fff; line-height:18px; padding:10px 0;}
ul.menu ul li a:hover{ background:#01a068;}
ul.menu .menulink{ width:133px; font-size:16px; line-height:60px; border-right:#01b375 solid 1px;}
ul.menu .menulink:hover, ul.menu .menuhover{ color:#fff; background:#f8c419;}

.flash{ width:100%; float:left;}

.hot{ width:100%; float:left;}
.h_left{ float:left; font-size:16px; padding:29px 0 27px 0;}
.h_left strong{ color:#ff0000; text-transform: uppercase;float: left;}
.h_left li{float: left;}
.sou{ float:right; border-bottom:solid 1px #e0e0e0; padding-top:24px; width:250px;}
.sou1{ border:none; font-size:12px; color:#858585; width:200px; line-height:30px; height:30px; margin:0 25px 6px 0; float:left; background:#FFFFFF;}
.sou2{ float:right; margin:4px 2px 0 0;}

.pro{ width:100%; float:left; background:url(../images/pro_b.jpg) no-repeat center top; padding:83px 0 119px 0;}
.pro h1{ font-size:40px; color:#000000; text-align:center;}
.pro h1 span{ color:#01a068;}
.pro hr{ width:90px; height:1px; margin:23px auto 12px auto; background:#000000; border:none;}
.pro h5{ text-align:center; font-size:16px; color:#515151; padding-bottom:29px; font-weight:normal;}
.tabox .hd{ overflow:hidden;}
.tabox .hd li{ width:302px; float:left; line-height:59px; text-align:center; cursor:default; font-size:20px; background:#01a068; color:#fff; border-right:solid 1px #fff;}
.tabox .hd li a{ color:#FFFFFF;}
.tabox .hd li.on{ background:#f8c419;}
.tabox .bd{ margin-top:29px; float:left;}
.tabox .lh{ overflow:hidden;}
.pp1{ width:472px; height:204px; position:absolute; clear:both; margin-top:78px; background:#919095; color:#fff; font-size:16px; padding:38px 0 0 72px; line-height:30px; border-top-right-radius:15px; border-bottom-right-radius:15px;}
.pp1 h2{ font-size:22px; font-weight:normal; padding-bottom:16px;}
.pp1 a{ color:#FFFFFF;}
.pp1 a:hover{ color:#ffe101;}
.line{ float:left; width:25px; height:1px; background:#fff; margin-top:25px; margin:13px 24px 0 0;}

.youshi{ width:100%; height:1248px; float:left; background:url(../images/you_b.jpg) no-repeat center top #eeeeee;}
.you1{ font-size:17px; color:#FFFFFF; line-height:33px; padding-top:51px;}
.you1 span{ font-size:20px;}
.you1 span a{ color:#FFFFFF;}
.you1 span a:hover{ text-decoration:underline;}
.you1 strong{ font-size:25px; color:#f8c419; font-weight:normal;}
.you2{ width:570px; margin:auto; margin-top:184px;}
.you2 h2{ font-size:24px; font-weight:normal; margin-bottom:25px;}
.aa{ float:left; font-size:53px; color:#000000; font-weight:bold;}
.aa a{ color:#000000;}
.bb{ float:left; font-family: Arial, Helvetica, sans-serif; font-size:116px; color:#01a068; font-weight:bold; font-style: italic; padding:0 15px 0 8px;}
.cc{ float:left; font-size:53px; color:#FF0000; font-weight:bold;}

.tu_b{ position:absolute; width:514px; height:522px; margin:358px 0 0 342px; overflow:hidden; border-radius:300px;}
.tu_b img{ transition:all 0.5s;}
.tu_b img:hover{ transform:scale(1.1);}

.tu03{ position:absolute; margin:296px 0 0 550px;}
.tu03 img.aaaa01{-moz-transition:all 1.5s; -webkit-transition:all 1.5s; -o-transition:all 1.5s; transition:all 1.5s;}
.tu03:hover img.aaaa01{-moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.tu02{ position:absolute; margin:378px 0 0 350px;}
.tu02 img.aaaa01{-moz-transition:all 1.5s; -webkit-transition:all 1.5s; -o-transition:all 1.5s; transition:all 1.5s;}
.tu02:hover img.aaaa01{-moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.tu04{ position:absolute; margin:378px 0 0 732px;}
.tu04 img.aaaa01{-moz-transition:all 1.5s; -webkit-transition:all 1.5s; -o-transition:all 1.5s; transition:all 1.5s;}
.tu04:hover img.aaaa01{-moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.tu01{ position:absolute; margin:562px 0 0 265px;}
.tu01 img.aaaa01{-moz-transition:all 1.5s; -webkit-transition:all 1.5s; -o-transition:all 1.5s; transition:all 1.5s;}
.tu01:hover img.aaaa01{-moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}
.tu05{ position:absolute; margin:562px 0 0 808px;}
.tu05 img.aaaa01{-moz-transition:all 1.5s; -webkit-transition:all 1.5s; -o-transition:all 1.5s; transition:all 1.5s;}
.tu05:hover img.aaaa01{-moz-transform: rotateZ(360deg); -webkit-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}

.you_03{ width:300px; margin:auto; line-height:22px; text-align:center; padding-top:173px;}
.you_03 strong{ font-size:35px; color:#01a068; font-family: Arial, Helvetica, sans-serif;}
.you_03 span{ font-size:27px; color:#01a068;}
.you_03 p{ padding-top:4px;}

.you_02{ width:250px; float:left; line-height:22px; margin:30px 0 0 200px;}
.you_02 strong{ font-size:35px; color:#01a068; font-family: Arial, Helvetica, sans-serif;}
.you_02 span{ font-size:27px; color:#01a068;}
.you_02 p{ padding-top:4px;}

.you_04{ width:190px; float:right; line-height:22px; margin:30px 160px 0 0;}
.you_04 strong{ font-size:35px; color:#01a068; font-family: Arial, Helvetica, sans-serif;}
.you_04 span{ font-size:27px; color:#01a068;}
.you_04 p{ padding-top:4px;}

.you_01{ width:200px; float:left; line-height:22px; margin:70px 0 0 60px;}
.you_01 strong{ font-size:35px; color:#01a068; font-family: Arial, Helvetica, sans-serif;}
.you_01 span{ font-size:27px; color:#01a068;}
.you_01 p{ padding-top:4px;}

.you_05{ width:200px; float:right; line-height:22px; margin:70px 60px 0 0;}
.you_05 strong{ font-size:35px; color:#01a068; font-family: Arial, Helvetica, sans-serif;}
.you_05 span{ font-size:27px; color:#01a068;}
.you_05 p{ padding-top:4px;}

.about{ width:100%; float:left; padding:87px 0 83px 0;}
.about h1{ font-size:40px; color:#000000; text-align:center; background:url(../images/ab_h1_b.jpg) no-repeat center bottom; padding-bottom:42px; margin-bottom:56px;}
.about h1 a{ color:#000000;}
.about h1 span{ color:#01a068;}
.ab_1{ width:381px; float:left;}
.ab_1 h4{ width:126px; height:34px; line-height:34px; color:#FFFFFF; background:#01a068; float:right; text-align:center; margin-top:33px; border-radius:20px; font-size:14px; font-weight:normal;}
.ab_1 h4 a{ color:#FFFFFF; display:block; border-radius:20px;}
.ab_1 h4 a:hover{ color:#ffe101;}
.ab_2{ width:477px; float:left; margin-left:55px; color:#464646; border-bottom:solid 1px #dedede; padding-bottom:30px;}
.ab_3{ float:right;}
.ab_3 h2{ font-weight:normal; text-transform:uppercase; color:#000000; font-size:20px; font-family: Arial, Helvetica, sans-serif; padding:19px 0 1px 0; line-height:20px;}
.ab_3 h3{ font-size:14px; font-weight:normal; color:#010101;}
.ab_3 p{ font-size:12px; line-height:20px; color:#ababab; padding:3px 0 11px 0;}
.ab_3 span{ font-size:12px; color:#2a2a2a;}
.ab_3 span a{ color:#2a2a2a;}
.ab_3 span a:hover{ color:#01a068;}

.news{ width:100%; float:left; background:#f3f3f3; padding:62px 0 76px 0;}
.news h1{ font-size:40px; color:#000000; text-align:center;}
.news h1 a{ color:#000000;}
.news h1 span{ color:#01a068;}
.news hr{ width:87px; height:1px; margin:25px auto 14px auto; background:#393939; border:none;}
.news h5{ text-align:center; font-size:16px; color:#737373; padding-bottom:41px; font-weight:normal;}
.n_left{ float:left; width:569px; margin-right:58px; color:#737373;}
.n_l_1{ width:205px; height:172px; float:left; background:#01a068; font-size:30px; color:#ffe101; text-align:center;}
.n_l_1 h2{ font-size:50px; padding:54px 0 28px 0;}
.n_l_2{ width:364px; height:172px; float:left; overflow:hidden;}
.n_l_2 img{ transition:all 0.5s;}
.n_l_2 img:hover{ transform:scale(1.1);}
.n_left h3{ width:569px; font-size:16px; font-weight:normal; color:#01a068; border-bottom:solid 2px #d3d3d3; padding:41px 0 24px 0; margin-bottom:7px; float:left;}
.n_left h3 a{ color:#01a068; float:left;}
.n_left h3 a:hover{ text-decoration:underline;}
.n_left h3 span{ font-size:15px; font-weight:normal; color:#979797; float:right; width:130px;}
.n_left h4{ width:121px; height:33px; line-height:33px; font-weight:normal; color:#FFFFFF; background:#01a068; text-align:center; margin-top:28px;}
.n_left h4 a{ color:#FFFFFF;}
.n_left h4 a:hover{ color:#ffe101;}
.n_right{ width:585px; float:left;}
.n_right li{ width:585px; border-bottom:solid 1px #e8e8e8; float:left; padding-bottom:24px; margin-bottom:25px;}
.n_r_1{ float:left; width:89px; height:77px; border:solid 2px #d5d5d5; margin-right:23px; text-align:center; font-size:16px; color:#c6c6c6;}
.n_r_1 h2{ font-size:29px; padding:13px 0 4px 0;}
.n_r_2{ float:left; width:469px; color:#979797;}
.n_r_2 h4{ font-weight:normal; font-size:16px; color:#000; padding-bottom:8px;}
.n_r_2 h4 a{ color:#000;}
.n_r_2 h4 a:hover{ color:#01a068;}

.jidi{ width:100%; float:left; padding:82px 0 89px 0;}
.jidi h1{ font-size:40px; color:#000000; text-align:center;}
.jidi h1 a{ color:#000000;}
.jidi h1 span{ color:#01a068;}
.jidi hr{ width:87px; height:1px; margin:24px auto 13px auto; background:#393939; border:none;}
.jidi h5{ text-align:center; font-size:16px; color:#737373; padding-bottom:41px; font-weight:normal;}
.jidi ul li{ float:left; width:392px; height:100px; border:solid 1px #f1f1f1; margin-right:10px; box-shadow: 2px 2px 1px 1px #f8f8f8;}
.jidi ul li:hover{ background:#f3f3f3;}
.jd_1{ float:left; padding:19px 21px 0 13px;}
.jd_2{ float:left; color:#414141; font-size:16px; padding-top:29px;}
.jd_2 span a{ color:#01a068; font-size:14px;}
.jd_2 span a:hover{ text-decoration:underline;}

#fot1{ width:100%; float:left; background:#262626; padding-top:30px; padding-bottom:42px;}
.fot{ padding-top:40px; padding-bottom:34px; overflow:hidden; clear:both;}
.fot-menu{ width:216px; float:left;}
.fot-menu h3{ width:216px; float:left; font-size:17px; color:#FFFFFF; font-weight:normal; padding-bottom:23px; }
.fot-menu ul{ float:left; font-size:15px;}
.fot-menu ul li{ display:inline; float:left; line-height:30px; width:108px;}
.fot-menu ul li a{ float:left; width:108px; color:#bfbfbf;}
.fot-menu ul li a:hover{ color:#01a068;}

.contact{ width:520px; float:left; margin-left:144px; color:#868686;}
.contact h3{ width:520px; font-size:17px; color:#FFFFFF; font-weight:normal; padding-bottom:28px; }
.contact h4{ width:520px; font-size:25px; color:#FFFFFF; font-weight:normal; padding-bottom:15px; background:url(../images/fot_tel.jpg) no-repeat left top; padding-left:50px; line-height:35px;}
.contact a{ color:#868686;}
.contact a:hover{ color:#01a068;}

.ewm1{ width:135px; float:right;}
.ewm1 h3{ width:135px; font-size:17px; color:#FFFFFF; font-weight:normal; padding-bottom:14px;}
.ewm{ width:135px;}
.ewm p{ text-align:center; color:#8a8a8a; padding-top:7px;}

.fot2{ padding-top:52px; border-top:#565656 solid 1px; clear:both; color:#7b7b7b;}
.fot2 p{ width:600px; float:left; padding-left:22px;}
.fot2 p a{ color:#7b7b7b;}
.fot2 p a:hover{ color:#01a068;}
.m6{ float:right; width:153px; color:#fff; background:#01a068; border-radius:25px; text-align:center; line-height:39px; margin-top:15px;}
.m6 a{ color:#fff;}
.m6 a:hover{ background:#f8c419; display:block; border-radius:25px;}

.footer{ clear:both; padding-top:39px;}
.zzb07tail{ color:#747474;}
a.zzb07link{ color:#747474;}
a.zzb07link:hover{ text-decoration:underline;}
